iT邦幫忙

2023 iThome 鐵人賽

DAY 10
0

今天算是我們正式開始寫HTML的第一天,要來介紹的是標題元素,可以說是HTML的基石,那事不宜遲,馬上開始吧!


介紹

  • 顧名思義,標題元素是用來定義HTML文件內容的標題(Header),分為<h1><h2><h3><h4><h5><h6>,1到6表示不同的重要程度,<h1>為最重要的主標題,次重要的為<h2>,其次為<h3>,依此類推。
  • 標題元素會自動與下一個元素空行。
<h1>這裡是h1標題</h1>
<h2>這裡是h2標題</h2>
<h3>這裡是h3標題</h3>
<h4>這裡是h4標題</h4>
<h5>這裡是h5標題</h5>
<h6>這裡是h6標題</h6>

顯示結果:
https://ithelp.ithome.com.tw/upload/images/20230922/20162303L3raOrIbyb.png

注意事項

  • 雖然沒有明文規定,但大家通常都會依序使用,因此比較常用到的會是<h1><h2><h3>
  • 不建議只是為了產生粗體或大的文字而使用標題元素,而是真的用在「標題」。
    因為搜尋引擎會使用標題為你網頁的結構和內容編制索引,且使用者可以通過標題來快速瀏覽網頁,所以用標題來呈現文件結構是很重要的。

終於到了第十天,可以說是小小小里程碑。
預計五天後會有一個實作,將這幾天學到的內容整合,做出捷運地圖首頁。那就繼續朝三十天邁進!我是YQ,明天見。


上一篇
[Day9]HTML-註解、特殊字元
下一篇
[Day11]HTML-段落、圖片
系列文
從零寫出捷運美食介紹網頁(HTML/CSS)30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言